body {
    margin: 0px;
    width: 300px;
    height: 200px;
}

.search {
    height: 30px;
    width: 176px;
    border: 1px solid #afa8a8;
    border-radius: 30px;
    position: relative;
    margin: auto;
    top: 28px;
}

.search-icon {
    left: 5px;
    position: relative;
}

.search-input {
    font-size: 12px;
    padding: 6px 0 6px 6px;
}

.userInfo{
    position: relative;
    top: 40px;
}
.userInfo-table{
        width: 250px;
    margin: auto;
    height: 80px;
}

.userInfo-table tr td:first-child{
    width:80px;
}

.userInfo-table tr td:nth-child(2){
    width: 110px;
}
.userInfo-table tr td:nth-child(3){
    width:60px;
}
.userInfo-table tr td:nth-child(2) p{
    text-align: center;
}
.userInfo-avatar{
    width:80px;
    height: 80px;
}
.add-btn{
    display: block;
    width: 60px;
    height: 25px;
    border-radius: 5px;
    background-color: #F3F4F5;
    border: 1px solid #e4e4e4;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    cursor: -webkit-grab;
}
.add-btn:hover {
    background: #4590E4;
}

.add-btn:active {
    background: #3773b6;
}
.tip{
    margin: auto;
    position: relative;
    top: 53px;
    width: 180px;
    text-align: center;
    font-size: 12px;
    color: #4590E4;
}
.hover_div{
    width: 300px;
    height: 200px;
    z-index: 100;
    top: 0px;
    position: absolute;
    background: #dadada;
    opacity: 0.4;
}
.extra_window{
        z-index: 101;
    border: 1px solid #9e9e9e;
    border-radius: 6px;
    width: 230px;
    height: 100px;
    margin: auto;
    top: 44px;
    left: 34px;
    position: absolute;
    opacity: 19;
    background: white;
    box-shadow: 2px 2px 2px #888888;
}
.extra_info{
        z-index: 101;
    position: relative;
    margin: auto;
    left: 25px;
    width: 180px;
    top: 10px;
       border: 1px solid #989898;
    font-size: 12px;
}
.extra_btn{
    position: relative;
    display: block;
    width: 60px;
    height: 25px;
    border-radius: 5px;
    background-color: #F3F4F5;
    border: 1px solid #e4e4e4;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    cursor: -webkit-grab;
}

.extra_btn:hover {
    background: #4590E4;
}

.extra_btn:active {
    background: #3773b6;
}

#confirm{
    top: -12px;
    left: 124px;
}

#cancel{
    left: 43px;
    top: 13px;
}
